<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/vue.js"></script>
</head>
<body>
<div id="root">
    <img width="100" height="100" src="https://v2.cn.vuejs.org/images/logo.svg"  title="Vue">
    <hr/>
    <img v-bind:width="w" v-bind:height="h" v-bind:src="src">
    <hr/>
    <img :width="w" :height="h" :src="src">
    <hr/>
    <img :[one]="w" :[two]="h" :src="src" alt="">
    <hr/>
    <img v-bind:[one]="w" :height="h" :src="src" alt="">
    <hr/>
    <input type="text" :value="src">
</div>
</body>
<script>
    // v-bind可以绑定属性。
    // v-bind:属性名---》简写：
	new Vue({
		el: "#root",
        data:{
			src:"http://gips0.baidu.com/it/u=1690853528,2506870245&fm=3028&app=3028&f=JPEG&fmt=auto?w=1024&h=1024",
            w:300,
            h:200,
            one:"width",
            two:"height"
        }
	})
</script>
</html>